<template>
  <h1>v-for 循环数字 在 v-for 里使用范围值</h1>
  <span v-for="i in 15" :class="{red:i%2!==0}">{{ i }}</span>
  <p v-for="i in 5">{{ 5 - i + 1 }}</p>
  <!-- 循环字符串 -->
  <br>
<!--  <span v-for="(item,index) of '河南省郑州市'" v-text="item"></span>-->
  <span v-for="(item,index) in '河南省郑州市863软件园'">{{index+1}}、{{item}}</span>
  <br>
  <template v-for="(b,a) in 5">
    index={{a}}===item={{b}}<br>
  </template>
</template>

<style lang="scss" scoped>
span {
  border-radius: 5px;
  border: 1px dashed gray;
  padding: 5px;
  margin: 3px;
  display: inline-block;
  min-width: 20px;
  text-align: center;
  cursor: pointer;

  &:hover {
    background-color: rgba(255, 0, 0, .1);
  }
}

.red {
  background-color: rgba(255, 0, 0, 0.4);

}
</style>
